<!doctype html>
<html lang="en">
<head>
	{include file="common/head"}
</head>
<body>
	{include file="common/menu"}
	<section class="main-wrapper">
		{hkcms:adv name="home_banner"}
		<div class="slider" style="background: url({$item.image}) no-repeat;background-size: cover;background-position: 10% 0%;">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="block" style="position:absolute;top:-70px;">
							<h2 class="animated fadeInUp text-white mb-3">{$item.title}</h1>
							<span class="d-block mb-5 text-white text-capitalize">{$item.notes}</span>
							<a href="{$item.url}" target="_blank" class="btn btn-main animated fadeInUp btn-round-full" >{:__('Know Us')}<i class="btn-icon fa fa-angle-right ml-2"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		{/hkcms:adv}
	</section>
	{hkcms:channel name="43"}
	<section class="section service py-5 border-bottom">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-7 text-center">
					<div class="section-title">
						<span class="h6 text-color">{$item.title}</span>
						<h2 class="mt-3 content-title ">{$item.seo_desc}</h2>
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				{hkcms:content catid="$item.id" num="$item.num" id="c"}
				<div class="col-lg-4 col-md-6 col-sm-6">
					<div class="service-item mb-5">
						<i class="{$c.icon}"></i>
						<h4 class="mb-3">{$c.title}</h4>
						<p>{$c.description}</p>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>
	</section>
	{/hkcms:channel}
	{hkcms:content catid="3"}
	<section class="section about position-relative py-5 mt-md-5">
		<div class="bg-about" style="height: 100%;min-height: auto;background: url({$item.thumb}) no-repeat;background-size: cover;"></div>
		<div class="container">
			<div class="row">
				<div class="col-lg-6 offset-lg-6 offset-md-0">
					<div class="about-item ">
						<h2 class="mt-3 mb-4 position-relative content-title">{$item.title}</h2>
						<div class="about-content p-0">
							<p class="mb-5">{$item.content|default=""}</p>
							<a href="{$item.url}" class="btn btn-main btn-round-full">{:__('Read More')}</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	{/hkcms:content}
	<section class="section counter pt-0 pb-5 pt-md-5">
		<div class="container">
			<div class="row">
				{hkcms:adv name="val" itemid="1"}
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="counter-item text-center mb-5 mb-lg-0">
						<h3 class="mb-0"><span class="counter-stat font-weight-bold">{$item.notes}</span> 年</h3>
						<p class="text-muted">{$item.title}</p>
					</div>
				</div>
				{/hkcms:adv}
				{hkcms:adv name="val" itemid="2"}
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="counter-item text-center mb-5 mb-lg-0">
						<h3 class="mb-0"><span class="counter-stat font-weight-bold">{$item.notes}</span></h3>
						<p class="text-muted">{$item.title}</p>
					</div>
				</div>
				{/hkcms:adv}
				{hkcms:adv name="val" itemid="3"}
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="counter-item text-center mb-5 mb-lg-0">
						<h3 class="mb-0"><span class="counter-stat font-weight-bold">{$item.notes}</span></h3>
						<p class="text-muted">{$item.title}</p>
					</div>
				</div>
				{/hkcms:adv}
				{hkcms:adv name="val" itemid="4"}
				<div class="col-lg-3 col-md-6 col-sm-6">
					<div class="counter-item text-center">
						<h3 class="mb-0"><span class="counter-stat font-weight-bold">{$item.notes}</span> %</h3>
						<p class="text-muted">{$item.title}</p>
					</div>
				</div>
				{/hkcms:adv}
			</div>
		</div>
	</section>
	{hkcms:channel name="21"}
	<section class="section team border-top py-5">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-7 text-center">
					<div class="section-title">
						<span class="h6 text-color">{$item.title}</span>
						<h2 class="mt-3 content-title">{$item.seo_desc}</h2>
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				{hkcms:content catid="$item.id" id="c" num="8"}
				<div class="col-6 col-lg-3 col-md-4 col-sm-6">
					<div class="team-item-wrap mb-5">
						<div class="team-item position-relative">
							<a href="{$c.url}"><img src="{$c.thumb}" alt="{$c.title}" class="img-fluid w-100" style="height: 250px;object-fit: cover;"></a>
						</div>
						<div class="team-item-content">
							<a href="{$c.url}"><h4 class="mt-3 mb-0 text-capitalize aline">{$c.title}</h4></a>
							<a href="{$c.url}"><p class="mt-2 mb-0 twolines" style="font-size:14px;">{$c.description}</p></a>
							<a href="{$c.url}"><div class="pt-price text-danger">¥ {$c.price|default=""}<span class="text-color" style="float: right;"><span class="fas fa-meteor"></span> {$c.views}</span></div></a>
						</div>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>
	</section>
	{/hkcms:channel}
	{hkcms:channel name="29"}
	{hkcms:adv name="sub" itemid="1" id="sub"}
	<section class="section cta" style="background: url('{$sub.image}') fixed 50% 50%; background-size: cover;">
	{/hkcms:adv}
		<div class="container">
			<div class="row">
				{hkcms:content catid="$item.id" id="c"}
				<div class="col-lg-5">
					<div class="cta-item bg-white p-5 rounded">
						<span class="h6 text-color">{$c.title}</span>
						<p class="lead mt-3 mb-4">{$c.description}</p>
						<h3 class="mt-3"><i class="ti-mobile mr-3 text-color"></i>{$c.contact_info}</h3>
						<h3><i class="ti-email mr-3 text-color"></i>{$c.email}</h3>
						<h3><i class="ti-location-pin mr-3 text-color"></i>{$c.address}</h3>
					</div>
				</div>
				{/hkcms:content}
				<div class="col-lg-7 mt-5 mt-lg-0">
					<div class="cta-item bg-white p-5 rounded">
						{hkcms:form catid="34" attr="class='contact__form' id='frm' enctype='multipart/form-data'" id="f"}
	                    <span class="h6 text-color">{$f.category.title}</span>
	                    <div class="form-group mt-3">
	                        <input name="{$f.field.name|default=''}" data-rule="required" type="text" class="form-control" placeholder="{:__('Name')}">
	                    </div>
	                    <div class="form-group">
	                        <input name="{$f.field.email|default=''}" type="email" class="form-control" placeholder="{:__('Mail')}">
	                    </div>
	                    <div class="form-group">
	                        <input name="{$f.field.phone|default=''}" type="text" class="form-control" placeholder="{:__('Telephone')}">
	                    </div>
	                    <div class="form-group-2 mb-3">
	                        <textarea name="{$f.field.content|default=''}" class="form-control" rows="4" placeholder="{:__('Content')}"></textarea>
	                    </div>
	                    {if $f.captcha.status}
	                    <div class="form-group">
	                        <div class="d-flex align-items-center">
	                            <div class="mr-3">{$f.captcha.input}</div>
	                            <div class="captcha" style="width: 138px">{$f.captcha.btn}</div>
	                        </div>
	                    </div>
	                    {/if}
	                    <button class="btn btn-main" name="submit" type="submit">{:__("Submit")}</button>
						{/hkcms:form}
					</div>
				</div>
			</div>
		</div>
	</section>
	{/hkcms:channel}
	{hkcms:channel name="19"}
	<section class="section portfolio py-5">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-7 text-center">
					<div class="section-title">
						<span class="h6 text-color">{$item.title}</span>
						<h2 class="mt-3 content-title ">{$item.seo_desc}</h2>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid">
			<div class="row portfolio-gallery">
				{hkcms:content catid="$item.id" num="6" id="c"}
				<div class="col-lg-4 col-md-6">
					<div class="portflio-item position-relative mb-4">
						<a href="{$c.thumb}" class="popup-gallery">
							<img src="{$c.thumb}" alt="" class="img-fluid w-100">
							<i class="ti-plus overlay-item"></i>
							<div class="portfolio-item-content">
								<h3 class="mb-0 text-white">{$c.title}</h3>
								<p class="text-white-50">{$c.description}</p>
							</div>
						</a>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>
	</section>
	{/hkcms:channel}
	{hkcms:channel name="9"}
	{hkcms:adv name="sub" itemid="2" id="sub"}
	<section class="section latest-blog pt-5" style="padding-bottom: 100px;background: url('{$sub.image}');background-size: cover;">
	{/hkcms:adv}
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-7 text-center">
					<div class="section-title">
						<span class="h6 text-color">{$item.title}</span>
						<h2 class="mt-3 content-title text-white">{$item.seo_desc}</h2>
					</div>
				</div>
			</div>
			<div class="row justify-content-center">
				{hkcms:content catid="$item.id" id="c" num="3"}
				<div class="col-lg-4 col-md-6">
					<div class="card bg-transparent border-0">
						<a href="{$c.url}">
							<img src="{$c.thumb|default=''}" alt="" class="img-fluid rounded">
						</a>
						<div class="card-body mt-2">
							<div class="blog-item-meta">
								<a href="{$c.category.url}" class="text-white-50">{$c.category.title}<span class="ml-2 mr-2" style="display: initial;">/</span></a>
								<a href="{$c.url}"  class="text-white-50">{hkcms:date name="$c.publish_time" format="Y-m-d"}<span class="ml-2" style="display: initial;">/</span></a>
								<a href="{$c.url}" class="text-white-50 ml-2"><i class="fa fa-user mr-2"></i>{$c.author}</a>
							</div> 
							<h3 class="mt-2 mb-2 lh-36"><a href="{$c.url}" class="text-white aline">{$c.title}</a></h3>
							<p class="text-white twolines">{$c.description}</p>
						</div>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>
	</section>
	{/hkcms:channel}
	<section class="mt-70 position-relative">
		<div class="container">
			<div class="cta-block-2 bg-gray p-5 rounded border-1">
				<div class="row testimonial-wrap">
					{hkcms:adv name="partner"}
					<div class="testimonial-item position-relative" style="padding: 10px;">
						<img style="max-width: 80%;max-height: 80%;" src="{$item.image}" alt="{$item.title}">
					</div>
					{/hkcms:adv}
				</div>
			</div>
		</div>
	</section>
	{include file="common/footer"}
</body>
</html>